<template>
  <div :class="[...classes]" :style="styleses">
    <div v-for="item in imglist" style="padding: 5px">
      <img
        :src="'/configuration/logo/' + item + '.png'"
        alt
        class="titlelogo"
        :style="logostyleses"
        @click="imgclick"
      />
    </div>
  </div>
</template>
<script>
import titlemixins from "@/mixins/bigScreen/titlemixins";
import defaultmixins from "@/mixins/bigScreen/defaultmixins";

export default {
  name: "titlelogotaian",
  mixins: [defaultmixins, titlemixins],
  components: {},
  props: {},
  data() {
    return {
      imgwidth: "100px",
    };
  },
  computed: {
    imglist() {
      return this.componentDetail.imgname.split("|");
    },
  },
  watch: {},
  mounted() {},
  methods: {
    loadData() {},
    imgclick() {
      window.location.href =
        "http://124.70.158.145:40101/login.do?systemSource=zhengzhou";
    },
  },
};
</script>
<style lang='scss' scoped>
.titlelogo {
  width: var(--imgwidth);
  cursor: pointer;
}
</style>